<template>
	<div class="common-layout">
    <el-container>
      <el-header>
        <officeHeader>

        </officeHeader>
      </el-header>
      <el-main>
        <div class="main">
           <el-row>
            <el-col :span="18" :offset="3">
              <el-divider content-position="center">《研发工作法》</el-divider>
            </el-col>
             <el-col :span="6" :offset="3">
                <img class="book_img" src="/img/dev.png" alt=""> 
             </el-col>
             <el-col :span="12">
                <p class="dev">
                  《研发工作法》,技术体系的建设，并未有前篇一律，但是又章法可循，无论是对于一个成长型企业，通过购买行业第三方软件来满足其系统开发与建设的需求，还是通过企业自建产品研发团队来满足这一需求，从现在的我国的系统研发能力来看，市场基本上能满足这些基本的需求。因此系统开发的好坏差异固然明显。但是更大的明显差距，在于基于这样的系统，如何把业务与系统的运营工作建立起来。形成一个基于SaaS 服务的业务运营体系。\
                  <br>在研发角度，进行售前工作支持，主要涉及人有产品经理、技术经理、市场、咨询部、运营部。
                  <br>项目管理包含研发项目和交付项目，研发项目主要由TL产品线团队进行产品研发，交付项目由市场合同为基础进行项目立项。
                  <br>研发管理，项目管理在项目篇，交付项目里。
                  <br> 产品管理包含接收目标、需求调研、需求分析、需求评审、需求澄清、需求变更和需求验收等内容，贯穿研发过程的全生命周期。
                  <br> ...
                </p>
             </el-col>
           </el-row>
            <el-row>
             <el-col :span="18" :offset="3">
              <el-divider content-position="center">架构思想</el-divider>
                <el-row :gutter="20">
                  <el-col :span="8">
                     <el-card>
                      <img class="okr_img" src="/img/data_a.png" alt=""> 
                      <p>
                        整体架构思路，为让技术领域进行规划。
                      </p>
                    </el-card> 
                  </el-col>
                  <el-col :span="8">
                  <el-card>
                      <img class="okr_img" src="/img/architecture.png" alt="">
                       <p>
                        数字化，整体架构设计。
                      </p> 
                    </el-card> 
                  </el-col>
                  <el-col :span="8">
                  <el-card>
                      <img class="okr_img" src="/img/devops.png" alt=""> 
                       <p>
                        DevOps 研发架构设计。
                      </p>
                    </el-card>
                  </el-col>
                </el-row>
             </el-col>
            
           </el-row>
            
       </div>   
      </el-main>
      <el-footer>
            <officeFooter>

            </officeFooter>
      </el-footer>
    </el-container>
  </div>
</template>

<script>
import officeHeader from '../components/officeHeader.vue';
import officeFooter from '../components/officeFooter.vue';





export default{
    components: {
    officeHeader,
    officeFooter
},
  data(){
    return{
    }
  }
}
</script>

<style scoped>
.el-header{
  width: 100%;
  height: 100px;
  position: relative;
  }
.el-main{
 margin-top: 30px;
}
.el-footer{
    height: 160px;
}

.main{
    /* margin-top: 87px; */
    /* height: 1000px; */
}
.el-row{
  margin-bottom: 30px;
}
.book_img{
  height: 400px;
  width: 300px;
}
.okr_img{
  height: 300px;
  width: 430px;
}

.dev{
  line-height: 2.5;
  font-size: 16px;
}
/* 卡片 */



</style>